.generate-color(15w);

.generate-color(@n, @i: 0) when (@i =< @n) {

  .-(@i);
  .-(0)  {@color: #f44336}
  .-(1)  {@color: #ff5722}
  .-(2)  {@color: #ff9800}
  .-(3)  {@color: #ffc107}
  .-(4)  {@color: #adaf39}
  .-(5)  {@color: #8bc34a}
  .-(6)  {@color: #4caf50}
  .-(7)  {@color: #009688}
  .-(8)  {@color: #00bcd4}
  .-(9)  {@color: #03a9f4}
  .-(10)  {@color: #2196F3}
  .-(11)  {@color: #3f51b5}
  .-(12)  {@color: #673ab7}
  .-(13)  {@color: #9c27b0}
  .-(14)  {@color: #E91E63}
  .-(15)  {@color: #F91E33}

  .service-@{i} .active.panel{
    border-color: @color;
    color: @color;
  }

  .service-@{i} .active.panel > .panel-heading {
    background-color: lighten(@color, 40%);
    border-color: @color;
  }

  .generate-color(@n, (@i + 1));
}
